$(function () {

  // input iCheck
  $('input').iCheck({
    checkboxClass: 'icheckbox_square-blue',
    radioClass: 'iradio_square-blue',
    increaseArea: '20%' // optional
  });

  // login Form Valid
  var loginFormValid = $("#loginForm").validate({
    errorElement: 'span',
    errorClass: 'help-block',
    focusInvalid: true,
    rules: {
      userName: {
        required: true,
        minlength: 4,
        maxlength: 18
      },
      password: {
        required: true,
        minlength: 4,
        maxlength: 18
      }
    },
    messages: {
      userName: {
        required: I18n.login_username_empty,
        minlength: I18n.login_username_lt_4
      },
      password: {
        required: I18n.login_password_empty,
        minlength: I18n.login_password_lt_4
        /*,maxlength:"登录密码不应超过18位"*/
      }
    },
    highlight: function (element) {
      $(element).closest('.form-group').addClass('has-error');
    },
    success: function (label) {
      label.closest('.form-group').removeClass('has-error');
      label.remove();
    },
    errorPlacement: function (error, element) {
      element.parent('div').append(error);
    },
    submitHandler: function (form) {
      $.post(base_url + "/login", $("#loginForm").serialize(), function (data, status) {
        if (data.code == "200") {
          layer.msg(I18n.login_success);
          setTimeout(function () {
            window.location.href = base_url + "/";
          }, 500);
        } else {
          layer.open({
            title: I18n.system_tips,
            btn: [I18n.system_ok],
            content: (data.msg || I18n.login_fail),
            icon: '2'
          });
        }
      });
    }
  });
});
